// 科创概览 - 企业资质
#Qualification {
  width: 798px;
  padding-left: 20px;
  display: flex;
  justify-content: left;
  flex-flow: wrap;

  > li {
    width: 266px;
    display: flex;
    justify-content: left;
    margin-bottom: 24px;
    // cursor: pointer;

    // icon 图片及两层边框
    > div {
      width: 66px;
      height: 66px;
      border-radius: 1px;
      border: 1px solid rgba(25, 134, 229, 0.4);
      > div {
        margin: 5px;
        width: 54px;
        height: 54px;
        background: rgba(25, 127, 229, 0.2);
        border-radius: 1px;
        border: 1px solid rgba(25, 90, 229, 0.8);
        > img {
          width: 50px;
          height: 50px;
          // cursor: pointer;
          pointer-events: auto;
          position: relative;
          top: 1px;
          left: 1px;
          animation: IconScale 4s linear 0s infinite;
        }
      }
    }

    // 右侧label及数量
    > section {
      font-family: 微软雅黑;
      margin-left: 10px;
      > header {
        font-size: 20px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(230, 247, 255, 0.8);
        line-height: 28px;
      }
      > p {
        font-size: 34px;
        font-family: 'DIN';
        font-weight: bold;
        color: #fcfcfc;
        line-height: 37px;
        letter-spacing: 2px;
        text-shadow: 0px 0px 8px #015c33;
        > span {
          font-size: 14px;
          padding-left: 6px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #fcfcfc;
          line-height: 20px;
          text-shadow: 0px 0px 6px #034b4f;
        }
      }
    }
  }
}

.normal_bg {
  height: 613px;
  background: url(~@assets/modal/img_pop_all.png) no-repeat;
}

.iur_bg {
  height: 255px;
  background: url(~@assets/modal/img_pop_cxy.png) no-repeat;
}

.QualificationModal {
  width: 791px;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 32px 0 32px 32px;
  position: absolute;
  top: 398px;
  left: 566px;

  > header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;

    > aside {
      display: flex;
      justify-content: left;

      // icon 图片及两层边框
      > div {
        width: 66px;
        height: 66px;
        border-radius: 1px;
        border: 1px solid rgba(25, 229, 159, 0.4);
        > div {
          margin: 5px;
          width: 54px;
          height: 54px;
          background: rgba(25, 229, 159, 0.2);
          border-radius: 1px;
          border: 1px solid rgba(25, 229, 159, 0.8);
          > img {
            width: 50px;
            height: 50px;
            cursor: pointer;
            pointer-events: auto;
            position: relative;
            top: 1px;
            left: 1px;
          }
        }
      }

      > h1 {
        padding: 16px 20px;
        font-size: 24px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #ffffff;
        line-height: 33px;
        text-shadow: 0px 0px 10px #0f96c0;
      }

      > img {
        margin-top: 13px;
        width: 134px;
        height: 40px;
        cursor: pointer;
      }
    }

    > img {
      width: 30px;
      height: 30px;
      margin: 18px 30px 0 0;
      cursor: pointer;
    }
  }

  .QualificationModal_row {
    display: flex;
    border-bottom: 2px dashed rgba(186, 231, 255, 0.14);
    align-items: center;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 20px;
    > p {
      width: 116px;
      height: 72px;
      background: url(~@assets/modal/img_modal_title.png) no-repeat;
      background-size: 100% 100%;
      margin-right: 40px;
      text-align: center;
      font-size: 20px;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #ffffff;
      line-height: 48px;
      text-shadow: 0px 0px 10px #0f96c0;
    }

    > ul {
      flex: 1;
      display: flex;
      justify-content: flex-start;

      > li {
        width: 33.33%;
        padding-left: 25px;
        box-sizing: border-box;

        > header {
          font-size: 20px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #ffffff;
          line-height: 28px;
          text-shadow: 0px 0px 10px #0f96c0;
          padding-bottom: 7px;
        }

        > b {
          font-size: 34px;
          font-family: 'DIN';
          font-weight: normal;
          color: #fcfcfc;
          height: 34px;
          line-height: 34px;
          letter-spacing: 2px;
          text-shadow: 0px 0px 8px #015c33;
        }

        > span {
          font-size: 14px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #fcfcfc;
          line-height: 20px;
          text-shadow: 0px 0px 6px #034b4f;
        }
      }
      > li:nth-child(1) {
        background: url(~@assets/modal/img_line_blue.png) no-repeat;
      }
      > li:nth-child(2) {
        background: url(~@assets/modal/img_line_cyan.png) no-repeat;
      }
      > li:nth-child(3) {
        background: url(~@assets/modal/img_line_green.png) no-repeat;
      }
    }
  }
}
